<script setup>
import Map from '@src/Map/map';
import Request from '../request';
import { myToken } from '@src/config/sysConfig';
import { onMounted } from 'vue';
let viewer;
onMounted(() => {
  Request.getJson('./config/mapCfg.json', (r) => {
    viewer = new Map(
      'mapContainer',
      [117.1, 35.3, 2.6e5, 0, -90, 0],
      false,
      r,
      myToken,
      0
    );
  });
});
</script>


<template>
  <div id="tileset">
    <div id="mapContainer" />
  </div>

</template>


<style lang="scss">
#tileset {
  width: 100%;
  height: 100%;
  overflow: hidden;

  #mapContainer {
    width: 100%;
    height: 100%;
    .cesium-widget canvas {
      width: 100%;
      height: 100%;
      position: absolute;
    }
  }
}
</style>